<%--
  Created by IntelliJ IDEA.
  User: yanl_
  Date: 2018/1/7
  Time: 15:38
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
  <link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
  <script src="bootstrap/js/jQuery.js"></script>
  <script src="bootstrap/js/bootstrap.js"></script>

  <style type="text/css">
    body {
      padding-top: 40px;
      padding-bottom: 40px;
      background-color: #f5f5f5;
    }

    .form-signin {
      max-width: 300px;
      padding: 19px 29px 29px;
      margin: 0 auto 20px;
      background-color: #fff;
      border: 1px solid #e5e5e5;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
      -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
      box-shadow: 0 1px 2px rgba(0,0,0,.05);
    }
    .form-signin .form-signin-heading,
    .form-signin .checkbox {
      margin-bottom: 10px;
    }
    .form-signin input[type="text"],
    .form-signin input[type="password"] {
      font-size: 16px;
      height: auto;
      margin-bottom: 15px;
      padding: 7px 9px;
    }

  </style>



  <script type="text/javascript">
    function checkForm(){
      var userName=document.getElementById("userName").value;
      var password=document.getElementById("password").value;
      if(userName==null || userName==""){
        document.getElementById("error").innerHTML="用户名不能为空";
        return false;
      }
      if(password==null || password==""){
        document.getElementById("error").innerHTML="密码不能为空";
        return false;
      }
      return true;
    }
  </script>
</head>

<body>

<div class="container">

  <form class="form-signin"  method="post" action="testIndex"   onsubmit="return checkForm()">
    <h2 class="form-signin-heading">Please sign in                  SSO=======================</h2>
    <font id="error" color="red">${error }</font>
    <input id="userName" name="userName" value="${namError }" type="text" class="input-block-level" placeholder="UserName">
    <input id="password" name="password" value="${pwdError }"  type="password" class="input-block-level" placeholder="Password">
    <label class="checkbox">
      <input type="checkbox" value="remember-me"> Remember me
    </label>
    <button class="btn btn-large btn-primary" type="submit">Sign in</button>
  </form>

</div>
</body>
</html>
